﻿@*
    For more information on enabling MVC for empty projects, visit https://go.microsoft.com/fwlink/?LinkID=397860
*@
@{
}
<!DOCTYPE html
          PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<!-- InstanceBegin template="/Templates/home-template.dwt" codeOutsideHTMLIsLocked="false" -->

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>导航</title>
    <link rel="stylesheet" type="text/css" href="css/public.css" />
    <link rel="stylesheet" type="text/css" href="css/home-nav.css" />
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
</head>

<body>
    <div id="main">
        <div class="header-nav nav-bg">
            <div class="top">
                <div class="xgs-col6">
                    <span class="">
                        <img src="img/icon/location.png" height="18" width="18"
                             style="margin-top: 8px; float: left;display: inline-block;margin-top: 3px;" />
                        &nbsp;&nbsp; 广东 广州
                    </span>
                </div>
                <div class="xgs-col6">
                    <span class="xgs-offset5" style="display: inline-flex;">
                        <!-- <a href="#">登录</a> &nbsp; |&nbsp;
                        <a href="#">注册</a> -->
                        <a href="userinfo.html">
                            <img src="img/home/iconmonstr-user-20-240.png"
                                 style="border-radius: 15%;width: 18px;height: 18px;line-height: 28px;float:left;margin-top:4px" />
                            &nbsp;
                            <span style="line-height:27px">
                                admin &nbsp; |&nbsp;
                            </span>
                        </a>
                        <span>
                            <a href="userinfo.html">
                                购物车
                            </a>
                            &nbsp; |&nbsp;
                        </span>
                        <span onclick="ideaForm()">
                            <a href="javascript:void(0);">
                                问题反馈
                            </a>
                            &nbsp; |&nbsp;
                        </span>
                        <span>
                            <a href="about.html">
                                关于我们
                            </a>
                        </span>
                    </span>
                </div>
            </div>
        </div>
        <div class="header-top" style="clear:left">
            <div class="header-body" id="header-body" style="margin: auto;display: block; width: 1030px;">
                <ul id="header-nav">
                    <li class="float-left">
                        <a href="#">
                            <img src="img/logo.png" height="50" style="margin-top: 15px;" />
                        </a>
                    </li>
                    <li class="float-left" id="index-navitem">
                        <a href="javascript:void(0);" onclick="navEven('index.html')">
                            首页
                        </a>
                    </li>
                    <li class="float-left" id="book-market-navitem">
                        <a href="javascript:void(0);" onclick="navEven('market.html')">
                            图书音像
                        </a>
                    </li>
                    <li class="float-left" id="about-us-navitem">
                        <a href="javascript:void(0);" onclick="navEven('about.html')">
                            关于我们
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 意见反馈 -->
    <div class="question white-panel"
         style="position: absolute;top: 300px;left: 30%;z-index:1; width: 500px;display:none;" id="question">
        <div id="" style="display: block;position: absolute;right: 10px;top:10px" onclick="ideaFormClose()">
            <img src="img/icon/iconmonstr-x-mark-7-240.png" width="24" height="24" />
        </div>
        <h3 style="text-align: center;line-height: 32px;margin: 20px 0;">
            意见反馈
        </h3>
        <form action="#" method="post" class="form">
            <div class="form-item">
                <span>
                    姓名：
                </span>
                <input type="text" name="" id="" value="" />
            </div>
            <div class="form-item">
                <span>
                    联系方式：
                </span>
                <input type="text" name="" id="" value="" />
            </div>
            <div class="form-item">
                <span>
                    问题：
                </span>
                &nbsp;&nbsp;&nbsp;&nbsp;
                <textarea rows="10" cols="27">
          </textarea>
            </div>
            <div class="btn-goup" style="display: block;">
                <button type="button" class="submit-btn">
                    提交
                </button>
                <button type="reset" class="submit-btn">
                    重置
                </button>
            </div>
        </form>
    </div>
    <!-- 、意见反馈 -->
    <div class="container">
        <!-- InstanceBeginEditable name="MainBody" -->
        <link rel="stylesheet" type="text/css" href="css/household.css" />
        <link rel="stylesheet" type="text/css" href="css/goods-item.css" />
        <div class="phone-market">
            <div class="banner">
                <div class="xgs-row">
                    <img src="img/household/banner.png" width="100%" height="300" />
                </div>
            </div>
        </div>
        <!--  -->
        <div class="household-container  goods-item">
            <div class="xgs-row" style="padding: 0;background-color: white;">
                <ul class="household-navtab" style="display: inline-block;">
                    <li><a style="background-color: #69c0ff;color: white;" href="javascript:void(0);">文学</a></li>
                    <li><a href="javascript:void(0);">社科</a></li>
                    <li><a href="javascript:void(0);">经管</a></li>
                    <li><a href="javascript:void(0);">少儿</a></li>
                    <li><a href="javascript:void(0);">文教</a></li>
                    <li><a href="javascript:void(0);">科技</a></li>
                    <li><a href="javascript:void(0);">艺术</a></li>
                </ul>
            </div>

            <div class="tab-item white-panel" style="padding: 20px 0;margin-top: 20px;">
                <!-- 文学 -->
                <div id="wenxue" class="wenxue">
                    <div class="xgs-row">
                        <div class="xgs-col4">
                            <a href="detail.html">
                                <div>
                                    <img src="img/phone-market/redmi9a.jpg" alt="" />
                                    <span class="goods-title">
                                        海尔（Haier）前置过滤器40微米免拆反冲洗家用大通量管道自来水全屋净化净水器中央净水机PF2A 6分接口
                                        反冲洗
                                    </span>
                                    <p class="price">￥379.00</p>
                                </div>
                            </a>
                        </div>
                        <div class="xgs-col4">
                            <a href="detail.html">
                                <div>
                                    <img src="img/phone-market/redmi-note9pro.jpg" alt="" />
                                    <span class="goods-title">
                                        Redmi Note 9 Pro 5G 一亿像素 骁龙750G 33W快充 120Hz刷新率 湖光秋色
                                        8GB+128GB
                                        智能手机
                                        小米 红米
                                    </span>
                                    <p class="price">￥1299.00</p>
                                </div>
                            </a>
                        </div>
                        <div class="xgs-col4">
                            <a href="detail.html">
                                <div>
                                    <img src="img/phone-market/redmik40.jpg" alt="" />
                                    <span class="goods-title">
                                        Redmi K40 骁龙870 三星AMOLED 120Hz高刷直屏 4800万高清三摄
                                        12GB+256GB 幻境
                                        游戏电竞5G手机 小米 红米
                                    </span>
                                    <p class="price">￥2299.00</p>
                                </div>
                            </a>
                        </div>
                        <div class="xgs-col4">
                            <a href="detail.html">
                                <div>
                                    <img src="img/phone-market/redmi-note10pro.jpg" alt="" />
                                    <span class="goods-title">
                                        Redmi Note 10 Pro 5G 天玑1100旗舰芯 67W快充 120Hz旗舰变速金刚屏 星纱
                                        6GB+128GB
                                        智能手机 小米红米
                                    </span>
                                    <p class="price">￥1499.00</p>
                                </div>
                            </a>
                        </div>
                    </div>

                    <!-- 文学 -->
                    <div class="xgs-row">
                        <div class="xgs-col4">
                            <a href="detail.html">
                                <div>
                                    <img src="img/phone-market/xiaomi11.jpg" alt="" />
                                    <span class="goods-title">小米11青春版 骁龙780G处理器AMOLED柔性直屏5G手机 清甜荔枝 8GB+128GB</span>
                                    <p class="price">￥1999.00</p>
                                </div>
                            </a>
                        </div>
                        <div class="xgs-col4">
                            <a href="detail.html">
                                <div>
                                    <img src="img/phone-market/xiaomimix4.jpg" alt="" />
                                    <span class="goods-title">
                                        小米 MIX4 骁龙888+ 一体化陶瓷机身 全面屏 一亿像素三摄 哈曼卡顿双扬声器 8GB+128GB
                                        陶瓷黑
                                        5G旗舰手机
                                    </span>
                                    <p class="price">￥5799.00</p>
                                </div>
                            </a>
                        </div>
                        <div class="xgs-col4">
                            <a href="detail.html">
                                <div>
                                    <img src="img/phone-market/xiaomi11-ultra.jpg" alt="" />
                                    <span class="goods-title">
                                        小米11 Ultra 至尊 5G 骁龙888 2K AMOLED四曲面柔性屏 陶瓷工艺 12GB+256GB
                                        白色
                                        游戏手机
                                    </span>
                                    <p class="price">￥5999.00</p>
                                </div>
                            </a>
                        </div>
                        <div class="xgs-col4">
                            <a href="detail.html">
                                <div>
                                    <img src="img/phone-market/xiaomi10s.jpg" alt="" />
                                    <span class="goods-title">
                                        小米10S 5G新品手机【现货速发】 全网通 8G+128G 蓝色
                                        官方标配【原装33W充电套装+晒单20红包】
                                    </span>
                                    <p class="price">￥2699.00</p>
                                </div>
                            </a>
                        </div>
                    </div>
                </div>
                <!-- /文学 -->
            </div>
        </div>
        <!-- InstanceEndEditable -->
    </div>
    <div class="footer">
        <div class="foot-body" style="margin: auto;width: 61%;">
            <ul>
                <li><a href="about.html">常见问题</a></li>
                <li><a href="about.html">关于我们</a></li>
                <li>客服QQ：1919399938</li>
                <li>客服微信：xgs39938</li>
            </ul>
            <p style="color: white;clear: left;text-align: center;">
                Copyright © 2012-2021 Tencent. All Rights Reserved.
            </p>
        </div>

    </div>
    <script src="js/public.js" type="text/javascript" charset="utf-8">
    </script>
</body>

<!-- InstanceEnd -->

</html>